<template>
	<div class="order">
		<van-tabs v-model="active" sticky>
		  <van-tab v-for="item in tabs" :title="item.text">
			 <OderContext :status="item.status"></OderContext>
		  </van-tab>
		</van-tabs>
	</div>
</template>


<script>
import OderContext from "@/components/OrderContext.vue"
export default {
  name: 'Order',
  data(){
	  return{
		active:"",
		tabs: [
		  {
		    text: "全部",
		    status: "",
		  },
		  {
		    text: "待付款",
		    status: "0",
		  },
		  {
		    text: "待确认",
		    status: "1",
		  },
		
		  {
		    text: "代发货",
		    status: "2",
		  },
		  {
		    text: "已发货",
		    status: "3",
		  },
		  {
		    text: "交易完成",
		    status: "4",
		  },
		], 
	  }
  },
  components:{
	OderContext  
  }
}
</script>

<style lang="less" scoped>
.order /deep/.van-tab {
  padding: 0 0.5rem;
}
</style>
